import { getDictCustomStyle } from "../utils";
import { paymentMethodDict } from "../dict";
export default defineComponent({
  props: {
    payment_method: {
      type: Number,
      default: 1,
    },
  },
  setup(props, { attrs, emit, expose, slots }) {
    return () => (
      <>
        <div
          {...attrs}
          style={{
            width: "60px",
            height: "24px",
            display: "grid",
            placeItems: "center",
            border: "1px solid #0052D9",
            fontSize: "12px",
            borderRadius: "2px",
            ...getDictCustomStyle(
              paymentMethodDict,
              props.payment_method
            ),
          }}
        >
          {selectDictLabel(paymentMethodDict, props.payment_method)}
        </div>
      </>
    );
  },
});
